<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>icons</title>
  <link rel="stylesheet" href="styles/icon.css">
  <style>
    body {
      margin: 0;
    }
    .icons {
      max-width: 1200px;
      margin: auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      font-size: 24px;
      color: #333;
    }
    .iconfont {
      width: 80px;
      height: 80px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 5px;
    }
    .iconfont:hover {
      background-color: #f4f4f4;
    }
  </style>
</head>
<body>
  <div class="icons">
    <i class="iconfont icon-loginright"></i>
    <i class="iconfont icon-logintanhao"></i>
    <i class="iconfont icon-cross-lighter"></i>
    <i class="iconfont icon-mobile"></i>
    <i class="iconfont icon-rss-new"></i>
    <i class="iconfont icon-wechat-new"></i>
    <i class="iconfont icon-weibo-new"></i>
    <i class="iconfont icon-angle-down"></i>
    <i class="iconfont icon-angle-left"></i>
    <i class="iconfont icon-angle-right"></i>
    <i class="iconfont icon-angle-up"></i>
    <i class="iconfont icon-times-circle"></i>
    <i class="iconfont icon-times-o-thin"></i>
    <i class="iconfont icon-times-o"></i>
    <i class="iconfont icon-angle-down-o-thin"></i>
    <i class="iconfont icon-angle-down-o"></i>
    <i class="iconfont icon-angle-left-o-thin"></i>
    <i class="iconfont icon-angle-left-o"></i>
    <i class="iconfont icon-angle-right-o-thin"></i>
    <i class="iconfont icon-angle-right-o"></i>
    <i class="iconfont icon-angle-up-o-thin"></i>
    <i class="iconfont icon-angle-up-o"></i>
    <i class="iconfont icon-plus"></i>
    <i class="iconfont icon-cross-circle"></i>
    <i class="iconfont icon-add-o"></i>
    <i class="iconfont icon-delete-o"></i>
    <i class="iconfont icon-thumb"></i>
    <i class="iconfont icon-cross-s"></i>
    <i class="iconfont icon-vip"></i>
    <i class="iconfont icon-shield-full"></i>
    <i class="iconfont icon-explain"></i>
    <i class="iconfont icon-magnifier"></i>
    <i class="iconfont icon-service"></i>
    <i class="iconfont icon-pencil"></i>
    <i class="iconfont icon-rise"></i>
    <i class="iconfont icon-grid"></i>
    <i class="iconfont icon-star"></i>
    <i class="iconfont icon-qrcode"></i>
    <i class="iconfont icon-activity"></i>
    <i class="iconfont icon-apps"></i>
    <i class="iconfont icon-arrow-down"></i>
    <i class="iconfont icon-arrow-left"></i>
    <i class="iconfont icon-arrow-right"></i>
    <i class="iconfont icon-arrow-up-bold"></i>
    <i class="iconfont icon-arrow-up"></i>
    <i class="iconfont icon-article"></i>
    <i class="iconfont icon-award"></i>
    <i class="iconfont icon-bag"></i>
    <i class="iconfont icon-ballongs"></i>
    <i class="iconfont icon-bangongshebei"></i>
    <i class="iconfont icon-beiwo"></i>
    <i class="iconfont icon-bonus"></i>
    <i class="iconfont icon-book"></i>
    <i class="iconfont icon-bot"></i>
    <i class="iconfont icon-brands"></i>
    <i class="iconfont icon-broken-line"></i>
    <i class="iconfont icon-bubble"></i>
    <i class="iconfont icon-buoy"></i>
    <i class="iconfont icon-buzhi"></i>
    <i class="iconfont icon-cabbage"></i>
    <i class="iconfont icon-caishangjingxuan"></i>
    <i class="iconfont icon-camera-empty"></i>
    <i class="iconfont icon-camera"></i>
    <i class="iconfont icon-car"></i>
    <i class="iconfont icon-cart"></i>
    <i class="iconfont icon-chain"></i>
    <i class="iconfont icon-check-circle"></i>
    <i class="iconfont icon-check"></i>
    <i class="iconfont icon-choiceness"></i>
    <i class="iconfont icon-circle-ques"></i>
    <i class="iconfont icon-coffee"></i>
    <i class="iconfont icon-collect"></i>
    <i class="iconfont icon-comment"></i>
    <i class="iconfont icon-cross"></i>
    <i class="iconfont icon-crowdtest"></i>
    <i class="iconfont icon-crown"></i>
    <i class="iconfont icon-decline"></i>
    <i class="iconfont icon-diannaoshuma"></i>
    <i class="iconfont icon-discover"></i>
    <i class="iconfont icon-douban"></i>
    <i class="iconfont icon-drawer"></i>
    <i class="iconfont icon-email"></i>
    <i class="iconfont icon-exclamation"></i>
    <i class="iconfont icon-fangchanzhiye"></i>
    <i class="iconfont icon-feedback"></i>
    <i class="iconfont icon-fenqi"></i>
    <i class="iconfont icon-finance"></i>
    <i class="iconfont icon-fire"></i>
    <i class="iconfont icon-fushixiebao"></i>
    <i class="iconfont icon-gehuhuazhuang"></i>
    <i class="iconfont icon-gengduofenlei"></i>
    <i class="iconfont icon-gift"></i>
    <i class="iconfont icon-gold"></i>
    <i class="iconfont icon-grid-o"></i>
    <i class="iconfont icon-guidepost"></i>
    <i class="iconfont icon-heart-full"></i>
    <i class="iconfont icon-honor"></i>
    <i class="iconfont icon-hot-brand"></i>
    <i class="iconfont icon-hot-merchant"></i>
    <i class="iconfont icon-hot"></i>
    <i class="iconfont icon-hourglass"></i>
    <i class="iconfont icon-household"></i>
    <i class="iconfont icon-huilv-change"></i>
    <i class="iconfont icon-idle"></i>
    <i class="iconfont icon-jiajujiazhuang"></i>
    <i class="iconfont icon-jiayongdianqi"></i>
    <i class="iconfont icon-jinrongchanpin"></i>
    <i class="iconfont icon-jinronglvyou"></i>
    <i class="iconfont icon-jinrongyuanchuang"></i>
    <i class="iconfont icon-landline"></i>
    <i class="iconfont icon-lipinzhongbiao"></i>
    <i class="iconfont icon-list"></i>
    <i class="iconfont icon-location-o"></i>
    <i class="iconfont icon-location"></i>
    <i class="iconfont icon-lvyouchuxing"></i>
    <i class="iconfont icon-mall"></i>
    <i class="iconfont icon-men"></i>
    <i class="iconfont icon-moon"></i>
    <i class="iconfont icon-muyingyongpin"></i>
    <i class="iconfont icon-news"></i>
    <i class="iconfont icon-oversea"></i>
    <i class="iconfont icon-pencile"></i>
    <i class="iconfont icon-phone"></i>
    <i class="iconfont icon-pig"></i>
    <i class="iconfont icon-plug"></i>
    <i class="iconfont icon-qicheyongpin"></i>
    <i class="iconfont icon-qq"></i>
    <i class="iconfont icon-qzone"></i>
    <i class="iconfont icon-refresh"></i>
    <i class="iconfont icon-review"></i>
    <i class="iconfont icon-riyongbaihuo"></i>
    <i class="iconfont icon-rss"></i>
    <i class="iconfont icon-scan"></i>
    <i class="iconfont icon-search-word"></i>
    <i class="iconfont icon-search"></i>
    <i class="iconfont icon-share"></i>
    <i class="iconfont icon-shield"></i>
    <i class="iconfont icon-shipinbaojian"></i>
    <i class="iconfont icon-smile"></i>
    <i class="iconfont icon-special"></i>
    <i class="iconfont icon-sports"></i>
    <i class="iconfont icon-square-circle"></i>
    <i class="iconfont icon-star-empty"></i>
    <i class="iconfont icon-star-full"></i>
    <i class="iconfont icon-sun"></i>
    <i class="iconfont icon-telephone"></i>
    <i class="iconfont icon-thumb-up"></i>
    <i class="iconfont icon-travel"></i>
    <i class="iconfont icon-tushuyinxiang"></i>
    <i class="iconfont icon-umbrella"></i>
    <i class="iconfont icon-visa-card"></i>
    <i class="iconfont icon-wanmoyueqi"></i>
    <i class="iconfont icon-wechat"></i>
    <i class="iconfont icon-weibo"></i>
    <i class="iconfont icon-wenhuayule"></i>
    <i class="iconfont icon-writings"></i>
    <i class="iconfont icon-yongkagonglue"></i>
    <i class="iconfont icon-yundonghuwai"></i>
    <i class="iconfont icon-zaixianbank"></i>
    <i class="iconfont icon-zhi"></i>
    <i class="iconfont icon-zhikujiahao"></i>
    <i class="iconfont icon-zhongce"></i>
    <i class="iconfont icon-crown"></i>
    <i class="iconfont icon-biaoqing-star"></i>
    <i class="iconfont icon-biaoqing-sun"></i>
    <i class="iconfont icon-biaoqing-moon"></i>
    <i class="iconfont icon-angle-down-o-thin"></i>
    <i class="iconfont icon-times-o"></i>
    <i class="iconfont icon-weibo"></i>
    <i class="iconfont icon-wechat"></i>
    <i class="iconfont icon-rss"></i>
    <i class="iconfont icon-mobile"></i>
    <i class="iconfont icon-service"></i>
    <i class="iconfont icon-buoy"></i>
    <i class="iconfont icon-angle-up-o"></i>
  </div>
</body>
</html>







